<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>

<body>

</body>
<script>
    // 打印图形  40个*   每十个 一行(br)
    // * * * * * * * * * *
    // * * * * * * * * * *
    // * * * * * * * * * *
    // * * * * * * * * * *

    // document.write("**********<br>");
    // document.write("**********<br>");
    // document.write("**********<br>");
    // document.write("**********<br>");


    // 升级版1   4次操作一致
    // var i = 1;
    // while(i <= 4){
    //     document.write("**********<br>");
    //     i++;
    // }

    // 升级版2   document.write("**********<br>");  十个星号 一个换行
    /*   
    var j = 1;
    while (j <= 10) {
        document.write("*");
        j++;
    }
    document.write("<br>");
    var j = 1;
    while (j <= 10) {
        document.write("*");
        j++;
    }
    document.write("<br>");
    var j = 1;
    while (j <= 10) {
        document.write("*");
        j++;
    }
    document.write("<br>");
  */


    // 整合版
    // 规律: 外层循环走一次  内层循环走一轮
    var i = 1;
    debugger;
    while(i <= 4){   //外层循环  => 控制打印多少层(循环的次数)
       
        var j = 1;
        while (j <= 10) { //内层循环  => 每层打印多少个 (每次循环的详细操作)
            document.write("*");
            j++;
        }
        document.write("<br>");
        i++;
    }




</script>

</html>